.Profile {
    @import "../../../../GlobalStyle/COLOR.css";

    .avatarWrapper {
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        position: relative;
        border: 1px solid var(--GLOBAL_BORDER_COLOR);
        border-radius: 5px;

        .avatar {
            width: 100%;
            height: 100%;
            position: absolute;

            .avatarImg {
                width: 100%;
                height: 100%;
                border-radius: 5px;
            }
        }
    }

    .nameWrapper {
        margin: 20px 0;

        .nickname {
            font-size: 26px;
            line-height: 30px;
            font-weight: bold;
        }

        .username {
            font-size: 20px;
            font-style: normal;
            font-weight: 300;
            line-height: 24px;
            color: var(--GLOBAL_LIGHT_TEXT_COLOR);
        }
    }

    .divideLine {
        border-top: 1px solid var(--GLOBAL_BORDER_COLOR);
    }

    .editButtonWrapper {
        margin: 15px 0;
    }

    .infoWrapper {
        margin-top: 20px;

        .info {
            font-size: 14px;

            .icon {
                margin-right: 5px;
            }
        }
    }

}